約 4,429,329 件
https://w.atwiki.jp/zyoushiki/pages/96.html
html head title ネ申の間 - トップページ /title link rel = "stylesheet" href = "kami1.css" meta http-equiv="Content-Language" content="ja" meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /head body header h1 a href="index.htm" img src="/image/logo.png" alt="Kami" /a /h1 header div id="container" B ul id ="menu" li a href="intro.htm" ネ申の間とは? /a /li li a href="knowledge.htm" ネ申に従う心得 /a /li li a href="character.htm" ネ申と仲間と屑達 /a /li li a href="goods.htm" 商品 /a /li li a href="game.htm" ゲーム /a /li /ul /B /div h2 トップページ /h2 div id="main" article ul li time datetime="2008-04" 2008年4月 /time 入学 /li li time datetime="2011-03" 2011年3月 /time 卒業 /li /ul 卒業5周年!(キリッ!!)byネ申 br br AA等は a href = "http //www37.atwiki.jp/zyoushiki/" B こちら /B /a だぞ。 by糸申士 br /article /div div id="sub" aside div class="bnr_inner" dl a href="kami.htm" dt img src="images/bnr_kami.png"alt="kami" /dt dd このカリスマ性感じるオムツ被ってる彼は一体…? /dd /a /dl /div div class="bnr_inner" dl a href="http //www.tokumei24.jp/" dt img src="images/bnr_okame.jpg"alt="okame" /dt dd この酷い顔見かけたら警察に通報だ! /dd /a /dl /div /aside /div footer p id="copyright") small Copyright copy;2010 ネ申の間 /small /p /footer /body /html
https://w.atwiki.jp/picolit/pages/18.html
html head STYLE TYPE="text/css" !-- /* .maintabletable tr td { padding 0 0 0 0; margin 0 0 0 0; width 700px; border 1px; } .maintable tr{} .maintable td {border solid 1px #f96;} / .commontable th{background-color #99CC66;} .btn{width 90px} .txt{width 310px} .outLine{border solid 1px #f96;} /STYLE /head body TABLE ALIGN="center" width="700" TR TD HEIGHT="100" /TD /TR TR TD div CLASS="outLine" TABLE class="commontable" border="1" width="100%" cellpadding="5" bgcolor="#DCF4B1" style="font-size 0.9em" tr th COLSPAN="3" AAAA /th /tr TR th key /th TD COLSPAN="2" INPUT TYPE="text" NAME="keyword" SIZE="20" MAXLENGTH="10" /TD /TR TR th key /th TD COLSPAN="2" INPUT TYPE="text" NAME="keyword" SIZE="20" MAXLENGTH="10" /TD /TR TR th WIDTH="20%" key /th td WIDTH="40%" INPUT TYPE="text" NAME="keyword" SIZE="50" /TD TD WIDTH="40%" STYLE="text-align center" INPUT TYPE="BUTTON" NAME="start" TYPE="button" VALUE="開始" CLASS="btn" INPUT TYPE="BUTTON" NAME="start" TYPE="button" VALUE="開始" CLASS="btn" /td /TD /TR /TABLE /TD /TR /div /TABLE /body /html
https://w.atwiki.jp/siron24/pages/15.html
!---------------------------------------------------------- ■説明 処理の説明を記述します。 ■課題 課題を記述します。 !--------------------------------------------------------- 宣言 !DOCTYPE html !--基準言語=日本語; manigestでキャッシュするファイルを指定-- html lang="ja" manifest="skeleton.manifest" !--JavaScript参照-- script type="text/javascript" src="../js/skeleton.js" /script !--------------------------------------------------------- ヘッダ情報定義 head !--文字コード-- meta charset="UTF-8" !--ページタイトル(SEOに関わるので厳選したキーワードを記述)-- title テスト /title !--相対パスの基準URL-- base href="http //www.google.co.jp/" target="_self" !--スタイルシート指定-- link rel="stylesheet" type="text/css" href="../css/skeleton.css" media="all" title="default" / /head
https://w.atwiki.jp/cowbell/pages/15.html
インライン ブロック a リンクする ○ abbr 略語 ○ acronym 略語 ○ address アドレス ○ applet アプレット ○ area クリッカブルマップエリア b 太字 ○ base ベースURL basefont 基本フォント ○ bdo 国際化情報 ○ bgsound バックミュージック big 大きな太字 ○ blink 点滅文字 ○ blockquote 引用 ○ body 本文 br 開業 ○ button ボタン ○ caption テーブルの見出し center 中央揃え ○ cite 参照 ○ code コード ○ col テーブルのカラム設定 colgroup テーブルのカラムグループ設定 comment コメント dd 定義の説明 del 削除 dfn 定義 dir ディレクトリリスト div ブロック要素 dl 定義リスト dt 定義語 dm 強調 embed オブジェクトの埋め込み fieldset フィールドセット font フォント form フォーム frame フレーム frameset フレームセット h1 - h6 見出し head ヘッダ hr 水平線 html HTML文書 i イタリック文字 iframe インラインフレーム ilayer インラインレイヤ img イメージ input フォーム部品:入力欄 ins 挿入 isindex 検索フォーム kbd キーボード keygen 鍵の作成
https://w.atwiki.jp/smashblus/pages/4.html
https://w.atwiki.jp/htmlwiki/pages/15.html
ez-html プレビュー機能がついていて、コードの補佐を行ってくれるソフト。 現在(2009年8月)も開発が進んでいます。これを使って作業をしていきます。
https://w.atwiki.jp/naobe/pages/67.html
WEBアプリケーションに戻る タグ http //www.htmq.com/html/index.shtml 参照 radioタグとcheckboxタグ radioタグは1個選択可能。checkboxは複数選択可能 form action="/DynamicWEB/ShowDate" input type="checkbox" name="aaa" AAA br input type="checkbox" name="bbb" BBB br input type="checkbox" name="ccc" CCC br input type="submit" br /form 上記のリクエストは以下 ShowDateServlet start. key aaa, val[0] on key ccc, val[0] on 配列にする意味がないような。しかしこれが一般的な使い方でしょう。 配列を有効に活用するには以下の形式。 form action="/DynamicWEB/ShowDate" input type="checkbox" name="key" value="AAA" AAA br input type="checkbox" name="key" value="BBB" BBB br input type="checkbox" name="key" value="CCC" CCC br input type="submit" br /form 上記のリクエストは以下 key key, val[0] AAA key key, val[1] BBB diabled属性 HTML4.01では、inputタグ、TextAreaタグで使用可能。 divで画面を分割 head style type="text/css" #container{width 750px;text-align left;margin 0px auto;} #header{width 750px;margin 0px 0px 15px 0px;} !-- float 回りこみを許す -- #content{float left;width 590px;} #sidebar{float right;width 150px;padding 0px 0px 0px 10px;} !-- clear 回りこみを解除する -- #footer{clear both;width 750px;margin 15px 0px 15px 0px;} /style /head body div id="container" div id="header" ここがヘッダー /div div id="content" ここがコンテンツ /div div id="sidebar" ここがサイドバー /div div id="footer" ここがフッター /div /div /body 用語 項目 説明 備考 インライン要素 前後で改行されない ブロック要素 前後で改行される
https://w.atwiki.jp/a_kurosawa/pages/31.html
◆HTML ◆HTMLDOCTYPEでcssのhoverとposition absoluteの動作が変わる セキュリティで保護された Web ページ コンテンツのみを表示しますか? Ajaxで中身が変わった後のHTMLを見る方法があるかもー… DOCTYPEでcssのhoverとposition absoluteの動作が変わる IE7での動作を比較しました。 html タグの前に ◆互換モード !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" を指定した時は、座標指定は自由に設定できるが、 hover(マウスオーバーした時のデザインを変更するcss)がうまくいかない。 通常時のcssは反映されているが、 マウスカーソルを合わせてもデザインが変わらない。 ◆標準モード !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http //www.w3.org/TR/html4/loose.dtd" を指定した時は hoverは正常に動作するが、position absolute がうまくいかない。 relativeも使ってるけど、はずしてもおかしな座標に表示される。 恐らくhoverはIE7からaタグ以外で使えるようになったりなど、 関係しているかもしれないが…定かではない。 参考 ※後々よく見たら、position absoluteを指定して、 left 100;と指定していたので、 left 100px;としたらちゃんと座標が適用された。 ちゃんと書かないとダメなモードってことですね。 leftやtopなどは100%とも指定できるし、 100pxとも指定できるのでちゃんと書かないとダメです。 セキュリティで保護された Web ページ コンテンツのみを表示しますか? IEでhttps参照とhttp参照が混在しているサイトを開くと、 表示される警告があります。 このページにはセキュリティで保護されている項目と 保護されていない項目が含まれています。 保護されていない項目を表示しますか? セキュリティで保護された Web ページ コンテンツのみを表示しますか? このページには、安全なHTTPS 接続を使用しないで配信される コンテンツが含まれており、Webページ全体のセキュリティを損なう おそれがあります。 ↑の2種類あるようです。 httpsがセキュリティで保護されたページです。 URLの構成 お客様がサイトを開いた時に保護されていない項目を表示しないように 選択した場合、ページが正常に動作しません。 そもそも警告が出る事態問題です。 フルパスでhttp参照している部分を全てhttpsに 変更すれば出なくなります。 Ajaxで中身が変わった後のHTMLを見る方法があるかもー… FireFoxでページをHTML形式で保存すると、 Ajaxで書き換えられた情報もちゃんと取得できるらしい! なんてお得な情報! ただし、ちゃんと文字コードそのままで表示してくれるような テキストエディタとかで開かないと何が書いてあるのかさっぱり分からないらしいですw
https://w.atwiki.jp/even_eko/pages/17.html
DOMを非表示 下のコードをタグの中に入れればOK! style="display none; " 例 div style="display none;" /div styleではcssのパラメータを変更できる。displayはcssのコマンドである。 audioタグ htmlファイル !DOCTYPE html html head title html5オーディオプレイヤー /title meta charset="UTF-8" script src="./html5_audio.js" /script /head body div id="audioZone" audio id="audio_8000" preload="auto" controls source src="audio/8000.wav" type="audio/wav" source src="audio/8000.mp3" type="audio/mp3" p ※ご利用のブラウザでは再生することができません。 /p /audio /div div id="musicZone" input id="startMusic" type="image" src="./img/q_pc_transmit_on.png" width="127px" height="58px" onclick="audioPlay(8000)"/ /div /body /html jsファイル function audioPlay(num) { var string = "audio/" + num + ".mp3"; var audio = new Audio(string); audio.play(); console.log(string); } これなら、Android2.2であるIS11Tでも動作した。 jsファイルにjQueryを使ったり、下のスクリプトを使ったりすると動作しなかった。 document.getElementById("audio_8000").play();
https://w.atwiki.jp/water28/pages/79.html
HTML5基本構造 HTML5の基礎組み立て DOCTYPE 宣言(DOCTYPE スイッチ) HTML5基本構造 参考サイト:http //www.htmq.com/html5/002.shtml より明確に文書構造を示すことができる フォームの入力補助やチェック機能を属性で指定できる 動画や音声データをHTMLからシンプルに扱える APIの追加により、ウェブアプリケーションが構築しやすくなる HTML5で追加される予定の要素(タグ) HTML5で廃止される予定の要素(タグ) HTML5の基礎組み立て !DOCTYPE html html lang="ja" head title TAG Design /title !-- 文字コード -- meta http-equiv="Content-Type" content="text/html; charset=utf-8" !-- 検索キーワード -- meta name="keywords" content="keyword1,keyword2" !-- サイト説明文 -- meta name="description" content="This is test page !" !-- 作者情報 -- meta name="author" content="miyoshi" !-- 著作権情報 -- meta name="copyright" content="miyoshi" !-- css外部参照 -- link rel="stylesheet" type="text/css" href="../css/style.css" !-- google api - jquery -- script type="text/javascript" src="https //ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" /script /head body div id="wrapper" header h1 TAG Design /h1 h2 ~ tag design ~ /h2 /header div id="main" ul li class="about" a href="#" About Us /a /li /ul /div footer li a href="#" 個人情報の取り扱いについて /a /li li a href="#" サイトマップ /a /li p Copyright copy; 2012 TAG Design /p /footer /div /body /html DOCTYPE 宣言(DOCTYPE スイッチ) 参考サイト:http //2xup.org/log/2007/07/27-2111 各ブラウザの DOCTYPE スイッチ対応表:http //spreadsheets.google.com/pub?key=pbrvd2wQKc03fJ5QWgYr-Cw gid=3 HTML5はDTDがいらない:http //withd.jp/web/tips/standard/3947.html?page=2 DTDwiki:http //ja.wikipedia.org/wiki/Document_Type_Definition オンの状態 standards mode (標準準拠モード) 仕様に準拠した厳格な表示モード オフの状態 quirks mode (後方 (過去) 互換モード) 仕様に準拠していない古いブラウザとの互換 css3フォーマット @import url(http //fonts.googleapis.com/css?family=Fredericka+the+Great); body, header, nav, article, aside, footer, div, ul, li, h1, h2, p { margin 0; padding 0; } body { text-align center; line-height 1.5; min-width 800px; background-color #f5f5f1; color #666666; font-family Fredericka the Great , cursive; font-size 62.5%; }